<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title></title>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css">
    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.css">

    <style type="text/css">
        body {
            padding-top: 70px;
            padding-bottom: 30px;
        }
        .theme-dropdown .dropdown-menu {
            position: static;
            display: block;
            margin-bottom: 20px;
        }

        .theme-showcase > p > .btn {
            margin: 5px 0;
        }
        .theme-showcase .navbar .container {
            width: auto;
        }
        .panel .row {
            margin: 5px 0;
        }
        .panel-body ul {
            margin: 20px 0;
        }
        .panel-body ul li {
            line-height: 40px;
            font-size: 18px;
        }

        .bs-docs-footer {
            border-top: 1px solid #e5e5e5;
            color: #777;
            text-align: center;
        }
    </style>
</head>
<body>

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header" style="margin-right: 100px;">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html" style="font-size: 18px;">新橘财富</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
         <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">来投资</a></li>
                <li><a href="#">来理财</a></li>
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="blog.html">来了解 <span class="caret"></span></a>
                    <ul role="menu" class="dropdown-menu">
                        <li><a href="#">投资资讯</a></li>
                        <li><a href="#">理财技巧</a></li>
                        <li><a href="#">金融市场</a></li>
                    </ul>
                </li>
                <li><a href="#">来扎堆</a></li>
            </ul>
            <div class="navbar-form navbar-left" style="margin-left: 200px;">
                <button type="submit" class="btn btn-default" style="width: 120px;margin-right: 30px;">登陆</button>
                <button type="submit" class="btn btn-warning" style="width: 120px;">开始</button>
            </div>
        </div>
    </div>
</div>

<div class="container theme-showcase" role="main">
    <div class="jumbotron">
        <div class="row">
            <div class="col-md-7 text-center">
                <div>
                    <img src="img/c_1.jpg">
                </div>
                <div style="font-size: 15px;margin-top: 10px;">服务电话：00411-123-4567</div>
            </div>
            <div class="col-md-5 text-center">
                <h2 style="font-size: 45px;">你的钱<span style="display:inline-block;width: 80px;"></span>你来赚！</h2>
                <button type="button" class="btn btn-warning btn-lg" style="width: 150px;margin-top: 20px;">注册</button>
                <div>
                    <h3><a href="#" class="btn">登陆</a></h3>
                </div>
            </div>
        </div>
    </div>

    <!--<hr/>-->

    <div class="panel panel-default">
        <div class="panel-body text-center">
            <h2 style="font-size: 45px;">你的钱<span style="display:inline-block;width: 80px;"></span>你的时间来赚！</h2>
            <div class="row">
                <div class="col-md-4"><span style="font-size: 22px;">平安理财</span></div>
                <div class="col-md-4"><span style="font-size: 22px;">健体计划</span></div>
                <div class="col-md-4"><span style="font-size: 22px;">积累财富</span></div>
            </div>
            <div class="row">
                <div class="col-md-4"><span style="font-size: 18px;">3年期</span></div>
                <div class="col-md-4"><span style="font-size: 18px;">5年期</span></div>
                <div class="col-md-4"><span style="font-size: 18px;">25+年期</span></div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <img src="img/c_2.jpg">
                </div>
                <div class="col-md-4">
                    <img src="img/c_2.jpg">
                </div>
                <div class="col-md-4">
                    <img src="img/c_2.jpg">
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="text-left" style="width: 170px;margin: 0 auto">
                        <span style="font-size: 15px;">随时需要钱来支付学费、房费等生活必须，但不想错失投资回报</span>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="text-left" style="width: 170px;margin: 0 auto">
                        <span style="font-size: 15px;">帮助你规划长期的退休计划从资产险收入情况出发定制个人投资策略和产品</span>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="text-left" style="width: 170px;margin: 0 auto">
                        <span style="font-size: 15px;">医生财产的配置增加</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="jumbotron">
        <div class="row">
            <div class="col-md-6 text-center">
                <div>
                    <img src="img/c_3.jpg">
                </div>
            </div>
            <div class="col-md-6 text-center">
                <h2 style="font-size: 45px;">你的钱<span style="display:inline-block;width: 80px;"></span>你得性情！</h2>
                <button type="button" class="btn btn-warning btn-lg" style="width: 150px;margin-top: 20px;">来赚</button>
                <div class="text-left" style="width: 350px;margin: 30px auto">
                    <h4>管理财富就是管理风险，帮助你控制情绪，控制风险的具体办法就是资产配置</h4>
                </div>
                <a href="#">来看看你得投资组合建议<span class="glyphicon glyphicon-play"></span></a>
            </div>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-body text-center">
            <h2 style="font-size: 45px;">你的钱，你的选择来赚！</h2>
            <ul class="list-unstyled">
                <li>选择方便快捷的平台</li>
                <li>选择专业精致的服务</li>
                <li>选择热情共赢的圈子</li>
                <li>选择及时可靠的资讯</li>
            </ul>
            <button type="button" class="btn btn-warning btn-lg" style="width: 170px;">开始赚</button>
        </div>
    </div>
</div>

<footer class="bs-docs-footer">
    <ul class="bs-docs-footer-links muted list-inline" style="margin: 20px 0;">
        <li><a href="#">团队</a></li>
        <li>·</li>
        <li><a href="#">联系</a></li>
        <li>·</li>
        <li><a href="#">网安保障</a></li>
        <li>·</li>
        <li><a href="#">招聘</a></li>
    </ul>
    <p>&copy;2014——帮助你 实现我</p>
</footer>

<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
